@mixin flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@mixin  flexWrap {
  display: flex;
  flex-wrap: wrap;
}
@mixin flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
@mixin alignCenter {
  display: flex;
  align-items: center;
}
@mixin flexColumn {
  display: flex;
  flex-direction: column;
}

@mixin border-color($position:'bottom', $color:#ccc) {
  border#{-$position}: solid 1px $color;
}

@mixin border($color: #e6ebf5) {
  border: solid 1px $color;
  border-radius: 4px;
}


$header-height: 64px;
$bottom-border: solid 1px #e6ebf5;

//清除浮动
@mixin clearFloat {
  content: '';
  display: block;
  width: 0;
  clear: both;
}

// color类
$white: #ffffff;
$green: #42b983;
$primary: #1890ff;
$danger: #ff7875;
$yellow: #ffba00;
$grey: #ababab;

// 字体大小
$fontSize12: 12px;
$fontSize14: 14px;
$fontSize15: 15px;
$fontSize16: 16px;
$fontSize18: 18px;
$fontSize20: 20px;
$fontSize24: 24px;
$fontSize28: 28px;

// 阴影
$boxShadow: 0 2px 12px 0 rgb(0,0,0,.1);

// 常用宽度
$formLabel: 80px;
$width200: 200px;
$width0: 0;
$width2: 2px;
$width4: 4px;
$width8: 8px;
$width10: 10px;
$width16: 16px;
$width20: 20px;
$width40: 40px;

